<template>
  <div>
    <button @click="sub">-</button>
    <span>{{value}}</span>
    <button @click="add">+</button>
  </div>
</template>

<script>
export default {
  name: 'NumberBox',
  props: {
    value: {
      type: Number
    }
  },
  methods: {
    sub() {
      console.log('减一');
      // 触发的是自定义事件  事件名可以随意起 a  b   input 都可以 click都可以
      this.$emit('input', this.value-1)
    },
    add() {
      console.log('加一');
      this.$emit('input', this.value+1)
    }
  }
}
</script>

<style>

</style>